<div class="relative">
  <button class="button button__sm button__transparent-secondary" data-controller="dropdown" data-target="import-dropdown">
    <%= t "actions.import", scope: "decidim.admin" %>
    <%= icon "arrow-down-s-line" %>
    <%= icon "arrow-down-s-line" %>
  </button>

  <ul id="import-dropdown" class="dropdown dropdown__bottom" aria-hidden="true">
    <% if custom %>
      <%= yield %>
    <% else %>
     <% component.manifest.import_manifests.each do |import_manifest| %>
       <li class="dropdown__item">
         <%= link_to admin_imports_path(component, resource_id:, name: import_manifest.name), class: "dropdown__button" do %>
           <%= import_manifest.message(:label, self) %>
         <% end %>
       </li>
      <% end %>
    <% end %>
  </ul>
</div>
